<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.show{
				width: 300px;
				height: 300px;
				background-color: red;
				margin: 200px;
				font-size: 30px;
				text-align: center;
				line-height: 300px;
				-webkit-transform: rotate(90deg);
				-moz-transform: rotate(90deg);
				-ms-transform: rotate(90deg);
				-o-transform: rotate(90deg);
				transform: rotate(90deg);
				-webkit-animation: toArcBig 2s 1s linear forwards;
				-o-animation: toArcBig 2s 1s linear forwards;
				animation: toArcBig 2s 1s linear forwards;
				
			}
			@-webkit-keyframes toArcBig{
				0%{
					width: 300px;
					height: 300px;
					line-height: 300px;
					border-radius: 0px;
				}
				25%{
					width: 300px;
					height: 300px;
					line-height: 300px;
					border-radius: 0px;
				}
				50%{
					width: 300px;
					height: 300px;
					line-height: 300px;
					border-radius: 150px;
				}
				75%{
					width: 300px;
					height: 300px;
					line-height: 300px;
					border-radius: 150px;
				}
				100%{
					width: 500px;
					height: 500px;
					line-height: 500px;
					border-radius: 250px;
				}
			}
		</style>
	</head>
	<body>
		<!--用CSS编写, div旋转90度, 0.5秒后变圆, 0.5秒后放大-->
		<div class="show">旋转跳跃</div>
		<script type="text/javascript">
//			求出abcdgbcdabddaabbdgbb 这个字符串中 出现次数最高的字符, 并输出其出现的次数
			var str="abcdgbcdabddaabbdgbb";
			var strObj={};
			for(var i=0;i<str.length;i++){
				var k=str.charAt(i);
				if(strObj[k]){
					strObj[k]++;
				}else{
					strObj[k]=1;
				}
			}
			var maxStr="";
			var maxNum=0;
			for(var k in strObj){
				if(strObj[k]>maxNum){
					maxStr=k;
					maxNum=strObj[k];
				}
			}
			parseFloat()
			console.log("出现次数最高的字符为："+maxStr+",出现次数为："+maxNum);
			/*
			CSS3新增伪类选择器有哪些?
			:first-of-type 
			:last-of-type
			:only-of-type 
			:only-child 
			:nth-child(n) 
			:nth-last-child(n)
			:nth-of-type(n)  
			:nth-last-of-type(n)  
			:last-child
			(以上均属于子元素选择器)
			:root 选择文档的根元素。   
			:empty 选择没有子元素的每个该元素（包括文本节点）。  
			:target 选择当前活动的该元素。
			:enabled 选择每个启用的该元素。  
			:disabled 选择每个禁用的该元素  
			:checked 选择每个被选中的该元素。  
			:not(selector) 选择非括号内的该元素的每个元素。
			::selection 选择被用户选取的元素部分。
			
			列举2种强制类型转换和1种隐式类型转换
			var a=1;
			var b=parseInt(a);
			var c=parseFloat(a);
			var d=a+"";
			
			split()和join()的区别
			join() 方法用于把数组中的所有元素放入一个字符串
			元素是通过指定的分隔符进行分隔的
			指定分隔符方法join("#");其中#可以是任意
			与之相反的是split()方法：用于把一个字符串分割成字符串数组. 
			stringObject.split(a,b)这是它的语法
			a是必须的决定个从a这分割
			b不是必须的，可选。该参数可指定返回的数组的最大长度 。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。
			注意返回的数组中不包括a本身；
			如果把空字符串 ("") 用作 a，那么 stringObject 中的每个字符之间都会被分割。
			String.split() 执行的操作与 Array.join 执行的操作是相反的。
			 */
		</script>
	</body>
</html>
